<head>
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/javascripts/charting/css/visualize.css'}" />
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/javascripts/charting/css/visualize-custom.css'}" />
<script type="text/javascript" src="../../../public/javascripts/charting/js/visualize.jQuery.js"></script>
<script type="text/javascript" src="../../../public/javascripts/_shared/EnhanceJS/enhance.js"></script>	
<script type="text/javascript" src="../../../public/javascripts/charting/js/excanvas.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
	 $('.bar').visualize({type: 'bar', height: '300px', width: '1100px'});
	});
</script>
<h1>Statistiques d&eacute;partementaux</h1>
<table class="bar">
	<caption>total des heures de formation par th&eacute;matique et par groupement</caption>
	<thead>
		<tr>
			<td></td>
			#{list items:themas, as:'thema'}
			<th>${thema.toString()}</th>
			#{/list}
		</tr>
	</thead>
	<tbody>
	#{list items:groupements, as:'groupement'}
		<tr>
			<th scope="row">${groupement}</th>
			#{list items:statsGroupements.get(groupement.nom), as:'stat'}
			<td>${stat/60}</td>
			#{/list}
		</tr>
	#{/list}
	</tbody>
</table>
<br />
<br />
<table class="bar">
	<caption>total des participations par th&eacute;matique et par groupement</caption>
	<thead>
		<tr>
			<td></td>
			#{list items:themas, as:'thema'}
			<th>${thema.toString()}</th>
			#{/list}
		</tr>
	</thead>
	<tbody>
	#{list items:groupements, as:'groupement'}
		<tr>
			<th scope="row">${groupement}</th>
			#{list items:statsParticipants.get(groupement.nom), as:'stat'}
			<td>${stat}</td>
			#{/list}
		</tr>
	#{/list}
	</tbody>
</table>
<br />
<br />
<table class="bar">
	<caption>total des heures par th&eacute;matique et par groupement</caption>
	<thead>
		<tr>
			<td></td>
			#{list items:themas, as:'thema'}
			<th>${thema.toString()}</th>
			#{/list}
		</tr>
	</thead>
	<tbody>
	#{list items:groupements, as:'groupement'}
		<tr>
			<th scope="row">${groupement}</th>
			#{list items:statsHeures.get(groupement.nom), as:'stat'}
			<td>${stat/60}</td>
			#{/list}
		</tr>
	#{/list}
	</tbody>
</table>
<p><i>Les graphiques ne fonctionnent pas sous Internet Explorer. Pour les visionner, veuillez utiliser un autre navigateur.</i></p>
</body>